﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>显示百度地图</title>
        <script include="jquery" src="./static/libs/include-lib-local.js"></script>
        <script src="./static/libs/include-openlayers-local.js"></script>
        <script type="text/javascript">
            function init() {
                //中心点
                var center = [6559773, 2853101]
                //最大级数
                var maxZoom = 16
                //初始化百度地图图层
                var baiduMapLayer = new Zondy.Map.BaiDuLayer()

                //初始化地图容器
                var map = new ol.Map({
                    layers: [baiduMapLayer],
                    target: 'mapCon',
                    view: new ol.View({
                        center: center,
                        maxZoom: maxZoom,
                        minZoom: 3,
                        zoom: 4,
                    }),
                })
            }
        </script>
    </head>

    <body onload="init()">
        <div id="mapCon" style="width: 100%; height: 95%; position: absolute;"></div>
    </body>
</html>
